<template>
    <div>
        <h4>发表评论</h4>
        <hr>
        <textarea placeholder="请输入要吐槽的内容（最多120字）" maxlength="120"></textarea>
        <mt-button type='primary' size = 'large'>发表评论</mt-button>

        <div class="comment-list">
            <div class="comment-item">
                <div class="comment-title"> 第一楼 &nbsp; &nbsp;用户：匿名用户  &nbsp; &nbsp;发表时间：2018-8-3 16:05 </div>

            
                <div class="comment-content">

                are you okay
                </div>

            </div>

        </div>
           <div class="comment-list">
            <div class="comment-item">
                <div class="comment-title"> 第一楼 &nbsp; &nbsp;用户：匿名用户  &nbsp; &nbsp;发表时间：2018-8-3 16:05 </div>

            
                <div class="comment-content">

                are you okay
                </div>

            </div>

        </div>
           <div class="comment-list">
            <div class="comment-item">
                <div class="comment-title"> 第一楼 &nbsp; &nbsp;用户：匿名用户  &nbsp; &nbsp;发表时间：2018-8-3 16:05 </div>

            
                <div class="comment-content">

                are you okay
                </div>

            </div>

        </div>
        <mt-button type='danger' size = 'large' plain>加载更多</mt-button>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
.comment-list{
    .comment-item{
        font-size: 14px;
        .comment-title{
            background-color: #ccc;
            line-height: 30px;
        }
        .comment-content{
            text-indent: 2em;
            line-height: 35px;

        }
    }
}
</style>

